iT邦幫忙

2022 iThome 鐵人賽

DAY 16
0
自我挑戰組

新手的JavaScript扎根之路系列 第 16

Day16 函式應用

  • 分享至 

  • xImage
  •  

嗨嗨!我是Winnie溫尼~/images/emoticon/emoticon08.gif

前言

前一個章節,我們學到認識到了函式可以被定義起來並且重複使用的特性,也了解到如何宣告函示、執行函式,而今天要來分享的是函式的特性以及結合先前邏輯判斷的運用,一起來看看吧~!

函式 function

函式是構成 javascript 的基本要素之一,用於執行某一個任務或計算的語法,一旦函式被宣告,便可以重複的被執行,但不會儲存下任何資料。

參數的運作範圍

參數只存在於大括號{}之中,在大括號{}之外就會產生錯誤訊息
例:數字加法

//宣告函式
function add(num) {
  console.log(num + num);
}

//執行函式
add(3); //6

//假設我在大括號之外使用console.log印出num當前的資訊
console.log(num) 
//錯誤訊息:Uncaught ReferenceError: num is not defined (num這個詞沒有被定義)

return回傳

當需要從函式內將運算後的值取出來時,即可使用return將值回傳,而return除了可以回傳值之外,也可以中斷函式的執行。

fucntion 函數名稱(參數){
    return 執行完後要回傳的值
}

例:數字乘法

//宣告函式
function add(num) {
  return num * 5;
}

//將執行函式宣告一個名為total的變數,以便於查看資訊
let total = add(3);
console.log(`相乘為${total}`); //相乘為15

小試身手

例:查看顧客的體溫是否正常(體溫小於37.5)

function temperature(degree){
  if(degree<37.5){
    return "體溫正常"
  }else if(degree>=37.5){
    return "體溫過高"
  }else{
    return "發生錯誤,請重新量測"
  }
}
//顧客一:Winnie
let Winnie = temperature(36.6)
console.log(Winnie) //體溫正常
//顧客二:Ann
let Ann = temperature(38)
console.log(Ann) //體溫過高

參考資料

return
JavaScript 初心者筆記: 函式實際運作 - 回傳值與函式間互相傳遞

新手上路,如文章有錯誤或需修正之處,懇請大家多多指教!
那麼,我們明天見囉~/images/emoticon/emoticon29.gif


上一篇
Day15 函式function
下一篇
Day17 全域變數vs區域變數
系列文
新手的JavaScript扎根之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言